<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>三列中间自适应布局</title>
<meta name="author" content="" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<style>
body{margin:0; min-width:500px;font-size:12px;/* 2*left + right; 防止缩放窗口布局出错 */}
.header{height:100px; margin:0 auto 10px; background:blue;color:#fff; font-size:20px; font-weight:bolder}
.wrapper{padding:0 200px 0 150px;overflow:hidden}
.column{ float:left;position:relative;}
.main{ background:pink;width:100%;}
.nav{ width:150px; margin-left:-100%; left:-150px; background:yellow}
.links{ width:200px; margin-right:-100%; background:red}

*html .nav{left:200px;/* ie6 bug*/}
.footerwrapper{background:#ccc;width:100%;clear:both;margin-top:10px;}
</style>
</head>

<body>
<div class="header">左中右三列，中间宽度自适应，中间内容区优先显示 - float, 负边距, relative;</div>
<div class="wrapper">
	<div class="column main">  main content main content main content main content main content main content main content main content main content main content main content main content main content main content main content main content main content main content main content main content main content main content main content main content main content main contentmain content</div>
	<div class="column nav">  navigator,  navigator,  navigator,  navigator,  navigator,  navigator,  navigator,  navigator,  navigator,  navigator,  navigator,  navigator,  navigator,  navigator,  navigator,  navigator,  navigator,  navigator,  navigator,  navigator,  navigator,  navigator,  navigator,  navigator,  navigator,  navigator,  navigator,  navigator,  navigator,  navigator,  navigator,  navigator,  navigator,  navigator,  navigator,  navigator, navigator, </div>
	<div class="column links">links</div>
</div>
<div class="footerwrapper">hello world </div>
</body>
</html>
